@plugin '../../plugin.js';

.map-cont1 {
  position: relative;
  width: 100%;
  height: 100%;

  .map-chart {
    width: 100%;
    height: 100%;
  }




  // 状态
  .statusbox {
    position: absolute;
    left: w(905);
    // left: 990px;
    bottom: h(30);

    width: w(210);
    height: h(46);
    line-height: h(46);
    z-index: 3;
    font-size: w(18);
    font-weight: 600;
    color: #DBECFF;
    background: url(../../assets/image/mapstatusboxBg.png) no-repeat center center / 100% 100%;
    display: flex;
    justify-content: center;

    .one {
      width: 50%;
      text-indent: w(51);
      position: relative;

      &::before {
        content: '';
        width: w(15);
        height: w(15);
        position: absolute;
        background: #54D131;
        top: 50%;
        left: w(21);
        transform: translateY(-50%);
      }
    }

    .two {
      width: 50%;
      text-indent: w(51);
      position: relative;

      &::before {
        content: '';
        width: w(15);
        height: w(15);
        position: absolute;
        background: #FF3E3F;
        top: 50%;
        left: w(21);
        transform: translateY(-50%);
      }

    }
  }

  // 点位图
  .buttonPoint {
    position: absolute;
    right: w(580);
    bottom: h(30);
    width: w(163);
    height: h(49);
    cursor: pointer;
    line-height: h(49);
    z-index: 3;
    font-size: w(16);
    font-weight: 600;
    color: #fffF;
    text-indent: w(65);
    // background: url(../../assets/image/buttonPointBgL.png) no-repeat center center / 100% 100%;
  }

  // 热力图
  .buttonHot {
    position: absolute;
    right: w(489);
    bottom: h(90);
    cursor: pointer;
    width: w(163);
    height: h(49);
    line-height: h(49);
    z-index: 3;
    font-size: w(16);
    font-weight: 600;
    color: #fffF;
    text-indent: w(65);
    // background: url(../../assets/image/buttonHotBg.png) no-repeat center center / 100% 100%;
  }


  // 3D
  .button3D {
    position: absolute;
    left: w(758);
    cursor: pointer;
    bottom: h(30);
    width: w(163);
    height: h(49);
    line-height: h(49);
    z-index: 3;
    font-size: w(16);
    font-weight: 600;
    color: #fffF;
    text-indent: w(65);
    background: url(../../assets/image/buttonPointBg.png) no-repeat center center / 100% 100%;
  }

  // 2D
  .button2D {
    position: absolute;
    left: w(758);
    cursor: pointer;
    bottom: h(90);
    width: w(163);
    height: h(49);
    line-height: h(49);
    z-index: 3;
    font-size: w(16);
    font-weight: 600;
    color: #fffF;
    text-indent: w(65);
    background: url(../../assets/image/buttonPointBg.png) no-repeat center center / 100% 100%;
  }


















  // 废弃
  .changeMapStyle {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
    background-color: #dee94cc7;
  }

  .amap-logo {
    display: none;
    opacity: 0 !important;
  }

  .amap-copyright {
    opacity: 0;
  }



}

// 弹框
.tip-box {
  position: absolute;
  left: 50%;
  top: h(13);
  transform: translateX(-50%);

  .contentTitle {
    width: 100%;
    text-align: center;
    font-size: w(14);
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
  }

  .contentVideo {
    width: w(226);
    height: h(134);
    margin: 10px auto 0;
    text-align: center;
    font-size: w(14);
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    background: url(../../assets/image/mapVideobg.png) no-repeat center center / 100% 100%;

    .my-video {
      width: w(226);
      height: h(134);
    }
  }


  .contentOther {
    position: relative;
    top: h(6);
    font-size: w(14);
    width: w(256);
    height: h(134);
    // border: #520000 1px solid;


    .imgBox {
      position: absolute;
      top: 0px;
      left: 0px;
      width: w(76);
      height: h(134);
      // background-color: #fff;
      background: url(../../assets/image/deviceImg.png) no-repeat center center / 100%;
    }

    .infobox {
      position: absolute;
      top: 0px;
      right: 0px;
      width: w(170);
      height: h(134);

      .title {
        display: inline-block;
        width: w(80);
        // background: #010405ea;
        text-align: right;
        margin-top: h(12);
      }
    }

    .positionstyle {
      position: absolute;
      bottom: 0px;
      left: 0px;
    }
  }

}





.amap-info>div {
  pointer-events: none;

}

.amap-info-close {
  top: h(10);
  right: w(24) !important;
}

.amap-info-contentContainer.bottom-center {
  pointer-events: none;
}

.amap-info-content {
  width: w(290);
  height: h(226);
  background: url(../../assets/image/mapMBG.png) no-repeat center center / 100% 100%;
  position: relative;
  left: -50%;
  top: h(17);
  pointer-events: all;
}

.bottom-center .amap-info-sharp {
  display: none;
}

.amap-info-sharp {
  border-top: 8px solid #002152
}

.amap-info-sharp::after {
  background-color: #00215200;
}

.amap-info-content .amap-info-outer {
  overflow: hidden;
}